import {Anchor, Col, Descriptions, Image, Row, Tag, Timeline} from 'antd';
import './index.css';
import {createFromIconfontCN} from '@ant-design/icons';

const MyIcon = createFromIconfontCN({
    scriptUrl: '//at.alicdn.com/t/c/font_3928105_s4037a2b9j.js', // 在 iconfont.cn 上生成
});


const App = () => (
    <Row>
        <Col span={20}>
            <div className="content" id="BasicInformation">
                <div style={{
                    display: "flex",
                    alignItems: "start",
                    gap: "32px",
                }}>
                    <Image width={150} height={150}
                           style={{objectFit: "cover", borderRadius: "32px", minWidth: "150px", minHeight: "150px"}}
                           src={require("../../img/BOG09240.JPG")}/>

                    <Descriptions title={`李  睿    ♂`} column={2}>
                        <Descriptions.Item label="年龄">{new Date().getFullYear() - 1997}岁</Descriptions.Item>
                        <Descriptions.Item label="工作经验">{new Date().getFullYear() - 2017}年</Descriptions.Item>
                        <Descriptions.Item label="城市">安徽·合肥</Descriptions.Item>
                        <Descriptions.Item label="学历">本科</Descriptions.Item>
                        <Descriptions.Item label="手机">15256255228</Descriptions.Item>
                        <Descriptions.Item label="邮箱">78080114@qq.com</Descriptions.Item>
                    </Descriptions>
                </div>


                <h3>个人优势</h3>
                <hr style={{background: "#e7e7e7", height: "1px", border: "none"}}/>
                <p style={{lineHeight: "200%"}}>擅长前端开发，精通 <Tag icon={<MyIcon type="icon-react"/>}
                                                                       color="geekblue">React</Tag>前端框架，熟练使用 <Tag
                    icon={<MyIcon type="icon-java"/>} color="geekblue">Java</Tag>进行后端接口开发,擅于利用 <Tag
                    icon={<MyIcon type="icon-BAT"/>} color="geekblue">Bat</Tag>提高工作效率；有超过数百台主机维护经验；熟悉餐饮、制造、互联网、建筑等行业特性。业务嗅觉灵敏，过往工作过程中，经常根据业务特性，提前公司规划完成或提前开始即将下发的任务。
                </p>


            </div>
            <div className="content"
                 id="workExperience"
                 style={{
                     background: 'rgba(0,0,255,0.02)',
                 }}>

                <h3>工作经历</h3>
                <hr style={{background: "#e7e7e7", height: "1px", border: "none"}}/>

                <Timeline style={{margin: "32px 0"}} mode={"left"}
                    items={[
                        {
                            children:(
                                <>
                                    <div style={{
                                        display:"flex",
                                        gap:"16px",
                                        alignItems:"end"
                                    }}>
                                        <span style={{fontSize:16,fontWeight:600}}>安徽霍迹寻踪科技有限公司</span>
                                        <span style={{fontSize:12,fontWeight:600,color:"#797979"}}>2021-10</span>
                                    </div>
                                    <Tag color="green">部门经理</Tag>
                                    <p>
                                        <ol>
                                            <li>负责执行公司整体客户策略</li>
                                            <li>负责存量客户的续费指标，相关业绩完成</li>
                                            <li>负责服务支持，做好管理、培训等</li>
                                            <li>负责存量vip客户的的服务支持、续约等工作</li>
                                        </ol>
                                    </p>
                                    <p style={{textIndent:"2em"}}>2020年8月份参加客户成功经理竞聘,9月份担任客户成功经理，负责安徽区域客户成功团队组建及安徽区域内客户运营，10月份，完成全国首个客户增购订单；在该岗位期间，输出方案14篇，荣获首个【美团收银SaaS事业部·三星分享师】称号。</p>
                                </>
                            ),
                        },
                        {
                            children: (
                                <>
                                    <div style={{
                                        display:"flex",
                                        gap:"16px",
                                        alignItems:"end"
                                    }}>
                                        <span style={{fontSize:16,fontWeight:600}}>安徽霍迹寻踪科技有限公司</span>
                                        <span style={{fontSize:12,fontWeight:600,color:"#797979"}}>2021-06</span>
                                    </div>
                                    <Tag color="green">部门经理</Tag>
                                    <p>
                                        <ol>
                                            <li>负责客户成功部日常事物安排</li>
                                            <li>制定客户交付、售后、续费等相关规则制定</li>
                                            <li>分析制定每个员工的业绩</li>
                                            <li>帮助员工提高交付质量，提升续费率</li>
                                        </ol>
                                    </p>
                                    <p style={{textIndent:"2em"}}>任职期间，参与美团点评繁星计划（M0培训）获第三名，获优秀学员称号;后期安徽省实施二组组长，负责包河区、滨湖新区及皖南地区实施工单调配与人员安排。</p>
                                </>
                            ),
                        },
                        {
                            children:(
                                <>
                                    <div style={{
                                        display:"flex",
                                        gap:"16px",
                                        alignItems:"end"
                                    }}>
                                        <span><span style={{fontSize:16,fontWeight:600}}>天津汉博信息技术有限公司</span>&nbsp;<MyIcon type="icon-meituan"/></span>
                                        <span style={{fontSize:12,fontWeight:600,color:"#797979"}}>2020-09</span>
                                    </div>
                                    <Tag color="green">客户成功经理</Tag>
                                    <p>
                                        <ol>
                                            <li>负责执行公司整体客户策略</li>
                                            <li>负责存量客户的续费指标，相关业绩完成</li>
                                            <li>负责服务支持，做好管理、培训等</li>
                                            <li>负责存量vip客户的的服务支持、续约等工作</li>
                                        </ol>
                                    </p>
                                    <p style={{textIndent:"2em"}}>2020年8月份参加客户成功经理竞聘,9月份担任客户成功经理，负责安徽区域客户成功团队组建及安徽区域内客户运营，10月份，完成全国首个客户增购订单；在该岗位期间，输出方案14篇，荣获首个【美团收银SaaS事业部·三星分享师】称号。</p>
                                </>
                            ),
                        },
                        {
                            children: (
                                <>
                                    <div style={{
                                        display:"flex",
                                        gap:"16px",
                                        alignItems:"end"
                                    }}>
                                        <span><span style={{fontSize:16,fontWeight:600}}>天津汉博信息技术有限公司</span>&nbsp;<MyIcon type="icon-meituan"/></span>
                                        <span style={{fontSize:12,fontWeight:600,color:"#797979"}}>2018-09</span>
                                    </div>
                                    <Tag color="green">交付工程师</Tag>
                                    <p>
                                        <ol>
                                            <li>日常负责合肥及周边城市的收银系统的安装和培训以及存量收银系统商家收银系统的售后维护</li>
                                            <li>为商家定制打造线上线下一体化餐厅</li>
                                            <li>留存活跃商家和高质量商家</li>
                                        </ol>
                                    </p>
                                    <p style={{textIndent:"2em"}}>任职期间，参与美团点评繁星计划（M0培训）获第三名，获优秀学员称号;后期安徽省实施二组组长，负责包河区、滨湖新区及皖南地区实施工单调配与人员安排。</p>
                                </>
                            ),
                        },
                        {
                            children: (
                                <>
                                    <div style={{
                                        display:"flex",
                                        gap:"16px",
                                        alignItems:"end"
                                    }}>
                                        <span style={{fontSize:16,fontWeight:600}}>安徽七禾田餐饮管理有限公司</span>
                                        <span style={{fontSize:12,fontWeight:600,color:"#797979"}}>2018-04</span>
                                    </div>
                                    <Tag color="green">IT技术支持</Tag>
                                    <p style={{textIndent:"2em"}}>日常负责七禾田集团总部——安徽七禾田餐饮管理有限公司的计算机维护、网络维护、服务器维护工作，负责七禾田集团计算机资产管理。</p>
                                    <p style={{textIndent:"2em"}}>任职期间，为七禾田集团从0到1建立了资产信息化管理系统、为七禾田集团建立了多媒体信息化办公体系。参与七禾田集团总部搬迁，主导新办公环境的网络及设备验收工作。</p>
                                </>
                            ),
                        },
                        {
                            children: (
                                <>
                                    <div style={{
                                        display:"flex",
                                        gap:"16px",
                                        alignItems:"end"
                                    }}>
                                        <span style={{fontSize:16,fontWeight:600}}>马鞍山天禧科技有限公司</span>
                                        <span style={{fontSize:12,fontWeight:600,color:"#797979"}}>2017-09</span>
                                    </div>
                                    <Tag color="green">运维工程师</Tag><Tag color="magenta">实习</Tag>
                                    <p style={{textIndent:"2em"}}>甲方公司为阳光雨露信息技术服务有限公司，日常负责海尔工业园合肥园区的计算机维护、服务器管理、机房管理、网络管理、资产管理等技术支持。</p>
                                </>
                            ),
                        },
                    ]}
                />

            </div>
            <div className="content"
                 id="projectExperience">

            </div>

            <div className="content"
                 id="educationExperience"
                 style={{
                     height: '100vh',
                     background: 'rgba(0,255,0,0.02)',
                 }}
            >

            </div>
        </Col>
        <Col span={4}>
            <Anchor style={{marginTop:16}}
                items={[
                    {
                        key: 'BasicInformation',
                        href: '#BasicInformation',
                        title: '基本信息',
                    },
                    {
                        key: 'workExperience',
                        href: '#workExperience',
                        title: '工作经历',
                    },
                    {
                        key: 'projectExperience',
                        href: '#projectExperience',
                        title: '项目经历',
                    },
                    {
                        key: 'educationExperience',
                        href: '#educationExperience',
                        title: '教育经历',
                    },
                ]}
            />
        </Col>
    </Row>
);

export default App;